# Slider Widget Demo

This page demos the three types of slider widgets, with slightly different behaviours.

Type | Range | onDragMove | onDragEnd | onClick | reversed
vertical | 1..9 |  | update text field | update text field | yes
horizontal | -10..10 | update text field |  | update text field | no
box | 0..10 |  | update text field |  | X:yes Y:no

Red, blue, and green borders shown to test the correct placement of slider components.

| [before] [after] | [before] [after]
[before] [after]

Horizontal Slider Value:
(updates when slider handle is moved)
Vertical Slider Value:
(updates when slider handle drag ends)
Box Slider Value:

Debug Messages